<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>寺庙活动</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/banner.css" rel="stylesheet" />
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- 顶部 -->
    <div class="top">
        <h4>寺庙活动<a href=""><span class="iconfont">&#xe60e;</span></a></h4>  
    </div>

    <!-- 正在报名中 -->

    <div class="temple-intr temple-active-sign">
        <div class="container">
            <h4>
                <div class="tip-icon"><span class="iconfont">&#xe66c;</span></div>正在报名中
            </h4>
            <a href=""><img src="images/banner3.jpg" alt=""></a>
            <div class="active-sign-more clearfix">
                <div class="left">九华山双溪区第一届禅修之旅</div>
                <div class="right"><a href="">点击进入</a></div>
            </div>
        </div>
    </div>

    <!-- 未开始活动 -->
    <div class="temple-active-none">
        <div class="container">
            <h4>
                <div class="tip-icon"><span class="iconfont">#</span></div>往期活动回顾
                <a href="">更多<span class="iconfont">&#xe602;</span></a>
            </h4>
            <div class="active-none-banner">
                <a href=""><img src="images/banner4.jpg" alt=""></a>
                <a href=""><img src="images/banner3.jpg" alt=""></a>
            </div>
        </div>
    </div>
   
    <!-- 寺庙往期活动 -->
    <div class="temple-article temple-active-before">
        <h4>
            <div class="container">
                <div class="tip-icon"><span class="iconfont">&#xe609;</span></div>往期活动回顾
                <a href="">更多<span class="iconfont">&#xe602;</span></a>
            </div>
        </h4>
        <div class="temple-article-list clearfix">
            <div class="left">
                <a href=""><img src="images/img1.jpg" alt=""></a>
            </div>
            <div class="right">
                <h5><a href="">拜佛为何要烧香</a></h5>
                <p>烧香是佛教信众随缘而行的正常行为，早起。。。</p>
                <div class="views">1941</div>
            </div>
        </div>
        <div class="temple-article-list clearfix">
            <div class="left">
                <a href=""><img src="images/img2.jpg" alt=""></a>
            </div>
            <div class="right">
                <h5><a href="">拜佛为何要烧香</a></h5>
                <p>烧香是佛教信众随缘而行的正常行为，早起。。。</p>
                <div class="views">1941</div>
            </div>
        </div>
        <div class="temple-article-list clearfix">
            <div class="left">
                <a href=""><img src="images/img1.jpg" alt=""></a>
            </div>
            <div class="right">
                <h5><a href="">拜佛为何要烧香</a></h5>
                <p>烧香是佛教信众随缘而行的正常行为，早起。。。</p>
                <div class="views">1941</div>
            </div>
        </div>
        <div class="temple-article-list clearfix">
            <div class="left">
                <a href=""><img src="images/img2.jpg" alt=""></a>
            </div>
            <div class="right">
                <h5><a href="">拜佛为何要烧香</a></h5>
                <p>烧香是佛教信众随缘而行的正常行为，早起。。。</p>
                <div class="views">1941</div>
            </div>
        </div>
    </div>

    <!-- 底部导航 -->
    <div class="foot-nav clearfix">
        <a href="" class="active">
            <div class="iconfont">&#xe604;</div>
            首页
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe70b;</div>
            活动
        </a>
        <a href="" class="publish">
            <div class="publish-btn"><span class="iconfont">&#xe608;</span></div>
            发布
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe619;</div>
            社区
        </a>
        <a href="" class="">
            <div class="iconfont">&#xe66d;</div>
            我的    
        </a>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- banner文件 -->
    <script src="js/banner.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script>
        jQuery(function($) {
            $("#owl-banner").owlCarousel({
                singleItem: true,
                paginationNumbers: false,
                autoPlay: 6000,
                navigation: true,
                navigationText: ["",""],
            });
        });
    </script>
</body>
</html>
